import React from 'react';
import dynamic from 'umi/dynamic';
import StepWizard from '@/components/StepWizard';
import PageLoading from '@/components/PageLoading';

const Main = dynamic({
  loader: () => import(`./Main`),
  loading: PageLoading,
});

const AddRule = dynamic({
  loader: () => import(`./components/AddRule`),
  loading: PageLoading,
});

function Index() {
  return (
    <StepWizard isLazyMount>
      <Main />
      <AddRule destroy />
    </StepWizard>
  );
}

export default Index;
